iT邦幫忙

2021 iThome 鐵人賽

DAY 29
0
Modern Web

以 React 為主的那些前端事系列 第 29

Day 29 - styled-components 筆記4

  • 分享至 

  • xImage
  •  

Q_Q ..

也可以放 BREAKPOINTS~ XD


export const BREAKPOINTS = {
  sm: 320,
  md: 576,
  lg: 1024
};


export const StyledHomeSection = styled.section`
  background-color: yellow;
  .title {
    color: green;
    @media (min-width: ${BREAKPOINTS.md}px) {
      color: red;
    }
  }
  .subtitle {
    color: blue;
  }
`;


上一篇
Day 28 - styled-components 筆記3
下一篇
Day 30 - 時光飛逝的日子
系列文
以 React 為主的那些前端事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言